import React from 'react';
import './Footer.css';

const Footer: React.FC = () => {
  return (
    <footer className="footer" id="about">
      <div className="container">
        <div className="footer-content">
          <div className="footer-section">
            <h3>即梦AI</h3>
            <p>让想象变为现实，开启AI创作新时代</p>
          </div>
          <div className="footer-section">
            <h4>产品功能</h4>
            <ul>
              <li><a href="#features">图片生成</a></li>
              <li><a href="#features">视频生成</a></li>
              <li><a href="#features">数字人</a></li>
              <li><a href="#features">动作模仿</a></li>
            </ul>
          </div>
          <div className="footer-section">
            <h4>关于我们</h4>
            <ul>
              <li><a href="#about">公司介绍</a></li>
              <li><a href="#about">联系我们</a></li>
              <li><a href="#about">隐私政策</a></li>
              <li><a href="#about">服务条款</a></li>
            </ul>
          </div>
          <div className="footer-section">
            <h4>关注我们</h4>
            <div className="social-links">
              <a href="#" className="social-link">📱</a>
              <a href="#" className="social-link">📧</a>
              <a href="#" className="social-link">🐦</a>
            </div>
          </div>
        </div>
        <div className="footer-bottom">
          <p>&copy; 2024 即梦AI. 让想象变为现实，开启AI创作新时代。</p>
        </div>
      </div>
    </footer>
  );
};

export default Footer;
